// Color Schemes
// We're using the default base color scheme that gets altered by Jetpack Cloud custom scheme
@import '~@automattic/calypso-color-schemes/src/calypso-color-schemes';
@import './calypso-color-scheme-jetpack-cloud';

// Shared
@import 'shared/reset'; // css reset before the rest of the styles are defined
@import 'shared/animation';

// Global layout
@import 'main';

.is-section-jetpack-cloud {
	.wpcom-site__loader {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate( -50%, -50% );
		color: var( --color-text-subtle );
		text-align: center;
		animation: loading-fade 1.6s ease-in-out infinite;
	}

	.wpcom-site__logo {
		display: block;
		margin-bottom: 10px;

		path {
			fill: var( --color-text-subtle );
		}
	}
}
